
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui">
	<h:head></h:head>
	<h:body>
		<h:form id="miform">
			<!-- Opciones desplegar y crear. -->
			<h:panelGroup id="botones">
				<p:commandButton value="Desplegar Salas"
					actionListener="#{SalaMB.desplegarSalas()}" process="@this"
					update="lista" />
				<p:commandButton value="Crear Sala"
					actionListener="#{SalaMB.limpiar}"
					oncomplete="PF('dAgregarSala').show();" />
				<p:commandButton value="Volver"
					action="mainAdministrador?faces-redirect=true" />
			</h:panelGroup>
			<p:growl id="gMessages" widgetVar="wGMessages" showDetail="true"
				for="gfMessages" />
			<!-- Tabla Listar Salas -->
			<p:panel style="border: none;" id="lista">
				<p:dataTable id="salas" value="#{SalaMB.salas}" var="sala"
					rendered="#{SalaMB.salas.size() gt 0}">
					<f:facet name="header">
            Lista Salas
        </f:facet>
					<p:column headerText="Codigo Sala " sortBy="#{sala.codSala}">
						<h:outputText value="#{sala.codSala}" />
					</p:column>
					<p:column headerText="Nombre " sortBy="#{sala.nombreSala}">
						<h:outputText value="#{sala.nombreSala}" />
					</p:column>
					<p:column headerText="Ubicacion " sortBy="#{sala.ubicacion}">
						<h:outputText value="#{sala.ubicacion}" />
					</p:column>
					<p:column headerText="Capacidad" sortBy="#{sala.capacidad}">
						<h:outputText value="#{sala.capacidad}" />
					</p:column>
					<p:column headerText="Televisor" sortBy="#{sala.televisor}">
						<h:outputText value="Si" rendered="#{sala.televisor}" />
						<h:outputText value="No" rendered="#{!sala.televisor}" />
					</p:column>
					<p:column headerText="Proyecto" sortBy="#{sala.proyector}">
						<h:outputText value="Si" rendered="#{sala.proyector}" />
						<h:outputText value="No" rendered="#{!sala.proyector}" />
					</p:column>
					<p:column headerText="Reservar">
						<p:commandButton action="#{ReservaMB.accionSala(sala)}"
							value="Seleccionar">
						</p:commandButton>
					</p:column>
					<p:column headerText="Editar">
						<p:commandButton
							actionListener="#{SalaMB.buscarModificarSala(sala)}"
							oncomplete="PF('dModificarSala').show();" value="Editar">
						</p:commandButton>
					</p:column>
					<p:column headerText="eliminar">
						<p:commandButton value="Eliminar"
							actionListener="#{SalaMB.eliminarSala(sala)}"
							update=":miform:lista :miform:gMessages">
							<p:confirm header="Confirmacion"
								message="Esta seguro de borrar el sala?" />
						</p:commandButton>
						<p:confirmDialog global="true" showEffect="fade"
							hideEffect="explode">
							<p:commandButton update=":miform:lista" value="Si" type="button"
								styleClass="ui-confirmdialog-yes" icon="ui-icon-check" />
							<p:commandButton value="No" type="button"
								styleClass="ui-confirmdialog-no" icon="ui-icon-close" />
						</p:confirmDialog>
					</p:column>
				</p:dataTable>
			</p:panel>
		</h:form>
		<!-- Agregar Sala ajax -->
		<ui:include src="/crearSala.xhtml" />
		<!-- Modificar Sala Ajax -->
		<ui:include src="/modificarSala.xhtml" />
	</h:body>
</ui:composition>
